{% extends "base.html" %}
{%block header_js %}
    <script type="text/javascript" src="http://111.161.25.9/static/js/jquery.js"></script>
    <script type="text/javascript" src="/static/js/highcharts.js"></script>
    <script type="text/javascript" src="/static/js/exporting.js"></script>
	<script type="text/javascript">
      $(document).ready(function() {
            $.get('/service/getchart/?table={{table}}&items={{items}}&title={{report.name}}&div=contain',function(data){ eval(data); });
        });
    </script>
{% endblock %}
<body>
{% block header %}
{% include "monitor-menu.html" %}
{% endblock %}

{% block content %}
<div class="wrap">
	{% include "tree.html" %}
    <div class="wrap_left right">
	<div class="shenqing1">
		<h5 style="float:left;width:96%;margin-bottom:10px;">监控详情</h5>
	</div>
	<div class="biaoge">
        <table width="100%"  border="0" cellpadding="0" cellspacing="0" class="table2 center">
			<tr>
            <th colspan="6" class="td_left" style="text-align:left;"><h2>主机：192.168.0.1 </h2>
			</th>
			</tr>
			<tr class="g2">
            <td colspan="6"><h2>图表</h2></td>
			</tr>
			<tr class="g2">
            <td colspan="6" class="td_left" style="text-align:center;border-bottom:1px solid #B6BFD8;">
            <div id=contain></div>
            </td>
			</tr>
			<tr class="g2">
            <th width="12%"><h2>监控项目</h2></span></th>
            <th width="16%" align="left"><h2>开始时间</h2></th>
            <th width="17%" align="left"><h2>恢复时间</h2></th>
            <th width="20%" align="left"><h2>故障持续时间</h2></th>
            <th width="22%" align="left"><h2>故障原因</h2></th>
            <th width="13%" align="left"><h2>故障分类</h2></th>
			</tr>
			<tr class="g1">
            <td>盒子搜索</td>
            <td align="left">2011-10-11 02:33:17</td>
            <td align="left">2011-10-11 03:33:17</td>
            <td align="left"><span class="first style1">60</span></td>
            <td align="left">无法连接服务器</td>
            <td align="left">未分类 [选择分类]</td>
			</tr>
			<tr class="g2">
            <td>盒子搜索</td>
            <td align="left">2011-10-11 02:33:17</td>
            <td align="left">2011-10-11 03:33:17</td>
            <td align="left"><span class="first style1">60</span></td>
            <td align="left">无法连接服务器</td>
            <td align="left">未分类 [选择分类]</td>
			</tr>
		</table>
	</div>
</div>
{% endblock %}
</body>
</html>
